<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js代码块</title>
</head>
<body>
<h1>我的Web页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
    <button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
//    JavaScript 可以分批地组合起来。
//代码块以左花括号开始，以右花括号结束。
//代码块的作用是一并地执行语句序列。
//本例向网页输出一个标题和两个段落：
    function myFunction() {
        document.getElementById("myPar").innerHTML="你好世界！";
        document.getElementById("myDiv").innerHTML="你最近怎么样？";
    }
//avaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。
//您可以在文本字符串中使用反斜杠对代码行进行换行。
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
</body>
</html>